Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Lens] fix suggestion panel styling #135622

Closed
wants to merge 1 commit into from

Conversation

mbondyra
Copy link
Contributor

@mbondyra mbondyra commented Jul 3, 2022

Summary

Fixes regression for suggestion panel after introducing emotion changes to eui. When EuiPanel has an onClick action, it becomes a button and inherits some stylings that don't fit Lens suggestion panel. That's why I wrapped EuiPanel with button instead.

Before and after:
Screenshot 2022-07-03 at 12 23 16
Screenshot 2022-07-03 at 12 22 51

@mbondyra mbondyra added Team:Visualizations Visualization editors, elastic-charts and infrastructure Feature:Lens backport:skip This commit does not require backporting v8.4.0 labels Jul 3, 2022
@mbondyra mbondyra force-pushed the lens/fix_suggestion_styling branch from 0afc149 to 157903d Compare July 4, 2022 07:52
@mbondyra mbondyra marked this pull request as ready for review July 4, 2022 08:09
@mbondyra mbondyra requested review from a team as code owners July 4, 2022 08:09
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-vis-editors @elastic/kibana-vis-editors-external (Team:VisEditors)

@mbondyra mbondyra added the release_note:skip Skip the PR/issue when compiling release notes label Jul 4, 2022
@mbondyra mbondyra force-pushed the lens/fix_suggestion_styling branch from 157903d to 6d6b835 Compare July 4, 2022 08:11
@mbondyra mbondyra requested a review from a team as a code owner July 4, 2022 08:11
@elastic elastic deleted a comment from kibana-ci Jul 4, 2022
@kibana-ci
Copy link
Collaborator

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
lens 1.2MB 1.2MB +161.0B

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@flash1293
Copy link
Contributor

Is this taking these changes into account? elastic/eui#6010 There was a general bug in EUI in the way styles are handled for panels, maybe it fixes the problem already on EUI without the need to change the Kibana side structure

@flash1293
Copy link
Contributor

If not let's keep this PR open until #135373 is merged - then we can check whether the problem still occurs

@mbondyra
Copy link
Contributor Author

mbondyra commented Jul 4, 2022

👌🏼 makes sense @flash1293, thanks for the comment. I'll return the state of this PR to draft.

@mbondyra mbondyra marked this pull request as draft July 4, 2022 12:57
@mbondyra mbondyra closed this Jul 5, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:skip This commit does not require backporting Feature:Lens release_note:skip Skip the PR/issue when compiling release notes Team:Visualizations Visualization editors, elastic-charts and infrastructure v8.4.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants